@layout("/common/_container.html"){
<link href="https://pynnn.oss-cn-hangzhou.aliyuncs.com/customer.css?v=20200628" rel="stylesheet">
<div class="ibox float-e-margins">
    <div class="ibox-content" style="padding: 0;">
        <div style="display: none">
            <input type="hidden" id="oneChannelValue" value="">
            <input type="hidden" id="twoChannelValue" value="">
            <input type="hidden" id="thrChannelValue" value="">
            <input type="hidden" id="customerStatus" value="">
            <input type="hidden" id="reach" value="">
            <input type="hidden" id="wgz" value="1">
            <input type="hidden" id="isDorj" value="qt">
            <input type="hidden" id="appointmentPayServiceValue" value="">
            <input type="hidden" id="sttleAccountsTime" value="${sttleAccountsTime}">
            <input type="hidden" id="menuName" value="到店-预约查询">
        </div>
        <div class="numStatistics">
            <div style="display: none"></div>
            <div id="totalCount" onclick="CustomerAppointment.totalNumber('')"><span>总人数</span>（<span id="total">0</span>）</div>
            <div onclick="CustomerAppointment.totalNumber('1')"><span>复诊预约</span>（<span id="further">0</span>）</div>
            <div onclick="CustomerAppointment.totalNumber('2')"><span>新诊预约</span>（<span id="new">0</span>）</div>
            <div onclick="displayHiding('CustomerAppointmentTable')" id="zoom">
                <img src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/open.png" alt="">
                <img src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/shrink.png" alt="" style="display: none">
                <span>条件展开</span>
            </div>
        </div>
        <div class="divFlex" style="display: none">
            <div class="flex_one">
                <div>一级渠道</div>
                <div>二级渠道</div>
                <div>三级渠道</div>
                <div>TC</div>
                <div>医生</div>
                <div>科室</div>
                <div>搜索</div>
            </div>
            <div class="flex_two">
                <div>
                    <select id="oneChannel" name="oneChannel" class="selectpicker" multiple title="请选择" onchange="Customer.search()"></select>
                </div>
                <div>
                    <select id="twoChannel" name="twoChannel" class="selectpicker" multiple title="请选择" onchange="Customer.search()"></select>
                </div>
                <div>
                    <select id="thrChannel" name="thrChannel" class="selectpicker" multiple title="请选择" onchange="Customer.search()"></select>
                </div>
                <div>
                    <select type="text" id="fieldTc" name="fieldTc" onchange="CustomerAppointment.search()">
                        <option value="">请选择</option>
                        @for(str in tcList){
                        <option value="${str.tcName}">${str.tcName}</option>
                        @}
                    </select>
                </div>
                <div>
                    <select type="text" id="doctor" name="doctor" onchange="CustomerAppointment.search()">
                        <option value="">请选择</option>
                        @for(str in doctorList){
                        <option value="${str.doctor}">${str.doctor}</option>
                        @}
                    </select>
                </div>
                <div>
                    <select id="treatmentUnit" onchange="CustomerAppointment.search()">
                        <option value="">全部</option>
                        @for(str in departmentList){
                        <option value="${str.department}">${str.department}</option>
                        @}
                    </select>
                </div>
                <div>
                    <input type="text" id="sreach" style="width: 60%"><a href="javascript:;" style="color: #2eadd0;" onclick="CustomerAppointment.search()">搜索</a>
                </div>
            </div>
        </div>
        <div class="timeButton">
            <div class="timeBox">
                <div>
                    <span>预约时间</span>
                    <input type="text" id="startTime" autocomplete="off" onclick="laydate({istiem:true,format:'YYYY-MM-DD hh:mm:ss',choose:checkDate})">
                    <span>-</span>
                    <input type="text" id="endTime" autocomplete="off" onclick="laydate({istiem:true,format:'YYYY-MM-DD hh:mm:ss',choose:checkDate})">
                </div>
                <div>
                    <button type="button" class="btn" onclick="CustomerAppointment.today()">今日</button>
                    <button type="button" class="btn" onclick="CustomerAppointment.tomorrow()">明日</button>
                    <button type="button" class="btn" onclick="CustomerAppointment.thisWeek()">本周</button>
                </div>
            </div>
            <div class="buttonBox">
                <div>
                    <button type="button" class="btn" onclick="CustomerAppointment.resetSearch()"><img src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/empty.png"><span>重置</span></button>
                    <button type="button" class="btn" onclick="CustomerAppointment.search()"><img src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/refresh.png"><span>刷新</span></button>
                    <button type="button" class="btn" onclick="screenTable()"><img src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/screen.png"><span>显示列</span></button>
                    @if(shiro.hasPermission("/arrival/export")){
                    <!--<button type="button" class="btn" onclick="$('#CustomerAppointmentTable').tableExport({ type: 'excel', escape: 'false' })"><img src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/export.png"><span>导出</span></button>-->
                    @}
                </div>
            </div>
        </div>
        <div class="tableBox"><#table id="CustomerAppointmentTable"/></div>
    </div>
</div>
<script src="${ctxPath}/static/modular/arrival/customer/customer_appointment.js?v=20200628"></script>
<script src="${ctxPath}/static/modular/arrival/customer/foregroundSearchContent.js?v=20200628"></script>
<script src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/initChannel.js?v=20200628"></script>
<script src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/jsChannels.js?v=20200628"></script>
@}